Skip to content

UI Update - Better editor and animations - #49

Merged
7sg56 merged 7 commits into
mainfrom
feat/markdown-improvment
May 30, 2026
Merged

7sg56 merged 7 commits into
mainfrom
feat/markdown-improvment

Conversation

@7sg56

@7sg56 7sg56 commented May 30, 2026 •

Copy link
Copy Markdown
Owner

What does this PR do?

Fixed editor glitches and gave it a new polished look

Related issue

Fixes #

Checklist

  • I tested my changes
  • I didn’t break existing functionality
  • I followed repo style

7sg56 and others added 7 commits May 30, 2026 16:29
Editor (Obsidian-style source mode):
- Remove markdownStylingPlugin (no AST-based line decorations)
- Switch from Space Grotesk to monospace font (SF Mono/Menlo/Consolas)
- Reduce padding (1.5rem/2rem), line-height (1.6), font-size (14px)
- Strip all size/weight/style from syntax highlighting (color-only)
- Text-colored cursor, minimal active line highlight

LaTeX/KaTeX rendering fix:
- Reorder rehype plugins: sanitize BEFORE katex (per official docs)
- Custom schema allows math-inline/math-display classes through sanitizer
- KaTeX runs after sanitization so its HTML output is never stripped
ChatGPT copied text often wraps LaTeX in plain parentheses like
(\displaystyle \iiint_V f(x,y,z), dV) instead of \(...\).

Add convertParenMath() that scans for balanced paren groups whose
content starts with a LaTeX command (\word). Avoids false positives
by requiring the opening ( to NOT be preceded by a word character
(so f(x) is never converted).

Also fix rehype plugin order per official docs: run rehype-sanitize
BEFORE rehype-katex so KaTeX HTML output is never stripped.
- Inline math: 1.05em -> 1.15em
- Display math: 1.08em -> 1.3em
- More vertical padding on display blocks
Settings:
- Remove all fake/demo settings (Default View, Sidebar Position,
  Language, Notifications, Color Mode) that had no backing state
- Remove sidebar tab navigation (only one real section)
- Keep only theme selection which actually works
- Flat single-page layout, no bordered cards

Trash:
- Remove heavy bordered container and oversized icon backgrounds
- Tighter spacing, smaller icons, simpler row layout
- All functionality preserved (restore, delete, empty)
refactor(ui): minimize settings and trash pages
- Replace #f48c25 accent with #a1a1aa (zinc-400) in Cinder Dark
- Replace #d97706 accent with #52525b (zinc-600) in Cinder Light
- Update all hardcoded orange in EditorHeader to use CSS variable
- Update manual save indicator in EditorStatusBar to zinc
- Update Settings theme preview accent colors
- Remove empty 3-dot kebab menu button from EditorHeader
- Remove unused MoreVertical import
- Added dynamic padding for macOS traffic lights when sidebar is hidden

- Added smooth CSS grid transition for folder expand/collapse in File Explorer

- Added slide-up fade-in entrance animation for editor tabs

- Added isMac environment detection utility
@7sg56 7sg56 changed the title Feat/markdown improvment UI Update - Better editor and animations May 30, 2026
@7sg56
7sg56 merged commit da537bf into main May 30, 2026
8 checks passed
@7sg56
7sg56 deleted the feat/markdown-improvment branch June 8, 2026 06:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant